<template>
	<div>
		<el-container style="border:1px solid rgba(168,168,168,0.4)">
			<el-header style="text-align: center; font-size: 20px">
				我的账单
			</el-header>

			<el-main>
				<el-menu>
					<el-row>
						<el-col :span="2" class="header">
							<router-link :to="{name:'uerTopUp'}">
								<el-menu-item index="1">充值</el-menu-item>
							</router-link>
						</el-col>
						<el-col :span="2" class="header">
							<router-link :to="{name:'userConsumptionRecord'}">
								<el-menu-item index="2">消费</el-menu-item>
							</router-link>
						</el-col>
					</el-row>
				</el-menu>

				<router-view name="userV" />
			</el-main>
		</el-container>
	</div>
</template>

<script>
	
</script>

<style scoped>
	a {
		text-decoration: none;
	}
	
	.router-link-active {
		text-decoration: none;
	}
	.el-header {
		background-color: #0068DB;
		color: white;
		line-height: 60px;
	}

	.el-aside {
		color: #333;
	}

	.header {
		font-size: 1.125rem;
		text-align: center;
		margin: 0.3125rem;
		background-color: #EFEBEA;
	}
</style>
